<template>
  <a-col :span="24">
    <a-card title="基础信息">
      <a-descriptions title="">
        <a-descriptions-item label="合作方联系人"
                             :labelStyle="{color: '#1890FF'}"
                             :contentStyle="{color: '#1890FF'}"
        >李连杰</a-descriptions-item>
        <a-descriptions-item label="预计规模">1810000000</a-descriptions-item>
        <a-descriptions-item label="项目地址">Hangzhou, Zhejiang</a-descriptions-item>
        <a-descriptions-item label="备注">empty</a-descriptions-item>
      </a-descriptions>
      <a-descriptions title="">
        <a-descriptions-item label="参与方1"
                             :contentStyle="{color: '#1890FF'}"
        >李连杰</a-descriptions-item>
        <a-descriptions-item label="参与方1联系人"
                             :contentStyle="{color: '#1890FF'}"
        >李连杰</a-descriptions-item>
      </a-descriptions>
    </a-card>
    <a-card title="所需学生信息">
      <div class="box-ver-start">
        <div class="title-box">已选字段：</div>
        <a-textarea v-model:value="value" placeholder="已选字段" :rows="4" readonly />
      </div>
    </a-card>
    <a-card title="附件">
      <div class="box-ver-start mb-8">
        <div class="title-box">附件</div>
        <a-tag>附件1</a-tag>
      </div>
      <div class="box-ver-start mb-8">
        <div class="title-box">附件</div>
        <a-tag>附件2</a-tag>
      </div>
      <div class="box-ver-start mb-8">
        <div class="title-box">附件</div>
        <a-tag>附件3</a-tag>
      </div>
    </a-card>
  </a-col>
</template>

<script>
export default {
  name: "detail-tab"
}
</script>

<style lang="less" scoped>
.title-box {
  width: 100px;
}
</style>
